<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="/page/layim/css/layui.css" rel="stylesheet" media="all">
    <script src="/page/layim/layui.js" type="text/javascript"></script>
</head>
<body>
<script>
    layui.use('layim', function (layim) {
        let socket = new WebSocket("ws://localhost:9007/chat")
        socket.onopen = () => {
            console.log("连接打开")
        }
        socket.onmessage = ev => {
            console.log(ev)
            var res = JSON.parse(ev);
            if (res.code == "200") {
                console.log(res.data)
                layim.getMessage(res.data)
            }

        }
        socket.onclose = () => {
            console.log("连接关闭")
        }
        //基础配置
        layim.config({

            init: {
                url: "/page/message/init",
                type: "get",
                data: {}
            } //获取主面板列表信息，下文会做进一步介绍

            //获取群员接口（返回的数据格式见下文）
            , members: {
                url: '' //接口地址（返回的数据格式见下文）
                , type: 'get' //默认get，一般可不填
                , data: {} //额外参数
            }

            //上传图片接口（返回的数据格式见下文），若不开启图片上传，剔除该项即可
            , uploadImage: {
                url: '' //接口地址
                , type: 'post' //默认post
            }

            //上传文件接口（返回的数据格式见下文），若不开启文件上传，剔除该项即可
            , uploadFile: {
                url: '' //接口地址
                , type: 'post' //默认post
            }
            //扩展工具栏，下文会做进一步介绍（如果无需扩展，剔除该项即可）
            , tool: [{
                alias: 'code' //工具别名
                , title: '代码' //工具名称
                , icon: '&#xe64e;' //工具图标，参考图标文档
            }]

            , msgbox: layui.cache.dir + 'css/modules/layim/html/msgbox.html' //消息盒子页面地址，若不开启，剔除该项即可
            , find: layui.cache.dir + 'css/modules/layim/html/find.html' //发现页面地址，若不开启，剔除该项即可
            , chatLog: layui.cache.dir + 'css/modules/layim/html/chatLog.html' //聊天记录页面地址，若不开启，剔除该项即可
        });
        layim.on('sendMessage', function (result) {
            let mine = result.mine;
            let to = result.to;
            console.log(result)
            socket.send(JSON.stringify({
                type: "chatMessage",
                data: result,
            }))
        })
    });
</script>
</body>
</html>